<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<script  src="include/jquery-1.7.1.min.js" type="text/javascript"></script>
 
 <link rel="stylesheet" href="js/ev_popup/skin/skin.min.css" />
<link type="text/css" rel="stylesheet" href="js/VNew/plugins/lightGallery/css/lightgallery.min.css" />
<link type="text/css" rel="stylesheet" href="css/VNew/base.min.css" />
<link type="text/css" rel="stylesheet" href="css/VNew/animate.min.css" />
<link type="text/css" rel="stylesheet" href="css/VNew/icon_text/iconfont.min.css" />
<link type="text/css" rel="stylesheet" href="css/VNew/web_frame.min.css" />
<link type="text/css" rel="stylesheet" href="css/VNew/inner_frame.min.css" />
<link type="text/css" rel="stylesheet" href="templates/others23/css/skincolor.css" />
<link type="text/css" rel="stylesheet" href="templates/others23/css/webskin.css" id="webSkinCss"/>
<link type="text/css" rel="stylesheet" href="css/VNew/web_style/base_module_style.min.css" />
<link type="text/css" rel="stylesheet" href="self_define/include/tj_user_define_css.css" />
<link type="text/css" rel="stylesheet" href="self_define/include/TJUserDefineSimpleCss.css" />
<link type="text/css" rel="stylesheet" href="self_define/include/tj_f_m_define_css.css" />
<link type="text/css" rel="stylesheet" href="self_define/include/tj_copy_user_define_css.css" />
<link type="text/css" rel="stylesheet" href="self_define/include/tj_define_style.css" />
 
 
<link  href="/static/lib/sweetalert/sweetalert.css" rel="stylesheet">
</head>
<body  data-chid="1" data-operate="0" data-bigclassid="0" data-type="0" data-hyid="0" id="webBody"  data-copyid="0" data-copyuserid="0" >

<div class="wrapper wrapper-1200" id="regist_wrapper">
    
<script type="text/javascript">
    var ev123_no_edit = '';
    var user_name = 'new001';
    var user_level = 3;
    var agent_id = 0;
    var channel_type = 0;
    var channel_id = 0;
    var userSiteWidth = 1200;
    var is_action = false;
    var rowIds = "11,13,15,17,19,9,76";
    var MJsData = {};
    var CURRENCY_SIGN = '￥';

    var GData = {
        SMAlbumIds   : "",
        SMAlbumSysIds: "",
        docSysIds    : "",
        tabAlertStrMs: "",
        allChId     : "1",
        wapDomain    : 'new001.v.ev123.net',
        end          : null
    };
</script>
 
<div id="header_container"></div>
 <script type="text/javascript">
 $.ajax({url:'m_header.html',type:'get',async:false, cache: true,  success:function(res){$('#header_container').html($(res));}});
 </script>
 
 
    
 <div class="mainContainer q " id="main_container">    <div class="addContainer q" id="add_container" data-attr="h:0">
          <div class="customModuleRow "  id="row_74"  >
          <div class="customModuleRowInner">
            <div class="CModulePC">
                   <div class="CModulePCLeft PCRight" data-width="1210" style="width:1210px;"> 
					<div data-width="1200"  style="width:1200px; "  class="customModule"  >
                    <div data-width="1200"  style="width:1200px; " class="Mo cusMo_8"  id="Mo_73" >
                        <table class="MoT"><tbody>
                            <tr>
                                <td class="MoTL"></td>
                                <td class="MoTM"></td>
                                <td class="MoTR"></td>
                            </tr>
                        </tbody></table>
                        <table class="MoHead "><tbody>
                            <tr>
                                <td class="MoHeadL"></td>
                                <td valign="top" class="MoHeadM">
                                    <table class="MoName">
                                        <tbody>
                                            <tr>
                                                <td valign="top" class="MoNameL"></td>
                                                <td valign="top" class="MoNameM">
                                                 <strong class="NameTxt"><a >会员注册入口</a></strong>
                                           </td>
                                                <td valign="top" class="MoNameR"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <span class="MoMore"></span>
                                </td>
                                <td class="MoHeadR"></td>
                            </tr>
                        </tbody></table>

                           <table class="MoBody"><tbody>
                            <tr>
                                <td class="MoBodyL"></td>
                                <td valign="top" class="MoBodyM">
                                    <div data-width="1160"  style="width:1160px; " class="MoBodyC">
                             <div class="form-module web-register-module">
                    <dl>
                     <dt class="form-title">会员注册！已有帐号？
                    	 <a href="login.html"><font style="color: red">会员登录</font></a>
                     </dt>
                        <form action="" method="post"  name="form_regist" id="form_regist">                            
                      
                       			 <dd class="item-list">                        
	                                    <div class="item-name">手机号<em class='red-star'>*</em></div>                                        
	                                    <div class="item-con">
	                                            <span class="form-text">
	                                                <input type="text" class="text-input validate[required,custom[phone]]"  id='phone' name='phone'  maxlength='20' />
	                                            </span>
	                                      	<p class="item-infotext">手机号</p>
	                                            <div class='hint_info' style="width: 100px;"><input type="button"  style="width: 85px;" class="form-but" value="&nbsp;&nbsp;获取验证码&nbsp;&nbsp;" onclick="getSmsCode();" /></div>
	                                     </div>                   
								</dd> 
								 <dd class="item-list">                        
	                                    <div class="item-name">验证码<em class='red-star'>*</em></div>                                        
	                                    <div class="item-con">
	                                            <span class="form-text">
	                                                <input type="text" class="text-input validate[required]"  id='checkCode' name='checkCode'  maxlength='6' onblur='checkSmsCode()' />
	                                            </span>
	                                      	<p class="item-infotext">验证码</p>
	                                            <div class='hint_info' id='l_checkCode_Tip'></div>
	                                     </div>                   
								</dd> 
								
                        <dd class="item-list">                        
	                        <div class="item-name">登录账号<em class='red-star'>*</em></div>                                        
	                        <div class="item-con">
	                            <span class="form-text">
	                                  <input type="text" class="text-input validate[required,custom[onlyNumberABC_uname]]" name='account' id='account'  maxlength='32' onblur='check_username()' />
	                            </span>
	                            <p class="item-infotext"></p>
	                               <div class='hint_info' id='l_account_Tip'>用户名请用 英文字母 下划线或数字</div>
	                          </div>  
                         </dd>  
                         
                             <dd class="item-list">                        
	                                    <div class="item-name">邮箱<em class='red-star'>*</em></div>                                        
	                                    <div class="item-con">
	                                            <span class="form-text">
	                                                <input type="text" class="text-input validate[required,custom[email]]" id='email' name='email'  maxlength='64' />
	                                            </span>
	                                      	<p class="item-infotext">邮箱格式有误</p>
	                                            <div class='hint_info' id='l_email_Tip'></div>
	                                     </div>                   
								</dd>   
							
							 
										
                          <dd class="item-list">                        
	                        <div class="item-name">昵称<em class='red-star'>*</em></div>                                        
	                        <div class="item-con">
	                            <span class="form-text">
	                                  <input type="text" class="text-input validate[required] " name='nickName' id='nickName' maxlength='32' />
	                            </span>
	                            <p class="item-infotext"></p>
	                               <div class='hint_info' id='l_nickName_Tip'></div>
	                          </div>  
                         </dd>    
                                             
                            <dd class="item-list">
								<div class="item-name">密码<em class='red-star'>*</em></div>                                        
								<div class="item-con">
	                                 <span class="form-text">
	                                    <input type="password" class="text-input validate[required,custom[password]]" name='password' id='password' maxlength='32' />
	                                   </span>
	                                   <p class="item-infotext"></p>
	                               <div class='hint_info' id='l_password_One'>不少于6个字符,建议用英文加数字或符号</div>
	                            </div>
                             </dd>
                             
                               <dd class="item-list">
                                        <div class="item-name">密码确认<em class='red-star'>*</em></div>
                                        <div class="item-con">
                                            <span class="form-text">
                                                <input type="password" class="text-input validate[required,custom[password2],equals[password]" name='password2' id='password2' maxlength='32' />
                                            </span>
                                            <p class="item-infotext"></p>
                                            <div class='hint_info' id='l_password_Two'></div>
                                        </div>
                                    </dd>                            
                                    <input  id="smsVerfyId" name="smsVerfyId" type="hidden" />
                                     
                                 
		                    	<dd class="form-button">
		                       	 <input type="button" class="form-but" id="submit_reg" onclick="doSumit();" value="提交" />
		                        	<span class="reg-ing">提交中...</span>
		                        
		                   	 	</dd>
                </form>
                </dl>
            </div>
<script type='text/javascript' charset='utf-8'>
$(function(){
	lockInput(true);
})
function getSmsCode(){
	var phone=	$("#phone").val();
	if(!phone){
		alertSwal.warningText("请输入手机号");
		return;
	}
	var url="/met/service/pub/userInfo/registSendSmsCheckCode";
	zfesAjax.ajaxTodo(url,{"phone":phone}, function(data){
		$("#phone").attr("readonly","readonly");$("#phone").css("background-color","#EDEDED");
		$("#checkCode").attr("readonly",false);$("#checkCode").css("background-color","#FFFFFF");
		alertSwal.successText(data.message);
	})
}

function checkSmsCode(){
	
	
	var phone=	$("#phone").val();
	if(!phone){
		alertSwal.warningText("请先输入手机号，并发送验证码");
		return;
	}
	
	var phone=	$("#phone").val();
	var checkCode=$("#checkCode").val();
	var url="/met/service/pub/userInfo/registCheckSmsCode";
	zfesAjax.ajaxTodo(url,{"phone":phone,"checkCode":checkCode}, function(data){
		var smsVerfyId=data.data.smsVerfyId;
		$("#smsVerfyId").val(smsVerfyId);
		lockInput(false);
		$("#checkCode").attr("readonly","readonly");$("#checkCode").css("background-color","#EDEDED");
		$("#phone").attr("readonly","readonly");$("#phone").css("background-color","#EDEDED");
	})
}
function doSumit(){
	var url ="/met/service/pub/userInfo/registDoCreateAccount";
	var param={
			"phone":$("#phone").val(),
			"checkCode":$("#checkCode").val(),
			"account":$("#account").val(),
			"nickName":$("#nickName").val(),
			"password":$("#password").val(),
			"password2":$("#password2").val(),
			"smsVerfyId":$("#smsVerfyId").val(),
	
	}
	zfesAjax.ajaxTodo(url,param, function(data){
		alertSwal.successText(data.message);
		setTimeout(function(){window.location.href="login.html"}, 3000);
		
	})
}
function lockInput(isLock){
	var bgc="#FFFFFF";
	var isreadonly=false;
	var display="";
	if(isLock){
		bgc="#EDEDED";
	}
	if(isLock){
		isreadonly="readonly";
		display="none"
	}
	$("#checkCode").attr("readonly",isreadonly);$("#checkCode").css("background-color",bgc);
	$("#account").attr("readonly",isreadonly);$("#account").css("background-color",bgc);
	$("#email").attr("readonly",isreadonly);$("#email").css("background-color",bgc);
	$("#nickName").attr("readonly",isreadonly);$("#nickName").css("background-color",bgc);
	$("#password").attr("readonly",isreadonly);$("#password").css("background-color",bgc);
	$("#password2").attr("readonly",isreadonly);$("#password2").css("background-color",bgc);
	$("#submit_reg").attr("disabled",isreadonly);
}


    </script>
          </div>
                                </td>
                                <td class="MoBodyR"></td>
                            </tr>
                        </tbody></table>
                        
                        <table class="MoB"><tbody>
                            <tr>
                                <td class="MoBL"></td>
                                <td class="MoBM"></td>
                                <td class="MoBR"></td>
                            </tr>
                        </tbody></table>
                    </div>
                </div>
                </div>
             </div>
        </div>
        </div>
                </div>
  </div>
  
  
  
<div id="footer_cotainer"></div>
 <a class="backTop_Z" id="backTop" onclick="backTop();" href="javascript:void(0);"></a>
 
<script src="/static/lib/sweetalert/sweetalert.min.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.alert.swal.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.core2.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.ajax.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.util.js" type="text/javascript" ></script>

<script type="text/javascript" src="include/cookies.js" ></script>
<script type="text/javascript" src="js/VNew/tj/public_fun.min.js"></script>

<script type="text/javascript">

$.ajax({url:'m_footer.html',type:'get',async:false, cache: true,  success:function(res){$('#footer_cotainer').html($(res));}});


</script>
</div>



</body>

</html>
